.page-box {
    .header {
        padding-top: 23rpx;
        padding-left: 30rpx;
        height: 543rpx;
        box-sizing: border-box;
        background: linear-gradient(180deg, #1226aa 60%, #ebeef5 100%);
        .title {
            font-weight: 400;
            font-size: 22rpx;
            color: #ffffff;
            line-height: 30rpx;
            margin-bottom: 28rpx;
        }
        .list {
            .box {
                .t1 {
                    font-weight: 600;
                    font-size: 32rpx;
                    color: #f5a518;
                    line-height: 45rpx;
                    margin-bottom: 8rpx;
                }
                .t2 {
                    font-size: 22rpx;
                    color: #ffffff;
                    line-height: 30rpx;
                }
            }
        }
    }
    .section {
        margin: -350rpx 32rpx 0 32rpx;
        background: #ffffff;
        border-radius: 20rpx;
        padding: 32rpx 24rpx 60rpx 24rpx;
        .tab {
            .box {
                font-size: 28rpx;
                color: #6e767a;
                line-height: 40rpx;
                transition: all 0.4s ease;
                &.curr {
                    position: relative;
                    font-weight: 600;
                    font-size: 28rpx;
                    color: #2e3233;
                    z-index: 1;
                    &::after {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        width: 60rpx;
                        height: 16rpx;
                        margin: 0 auto;
                        background: linear-gradient(90deg, #7887ea 0%, #ffffff 100%);
                        border-radius: 8rpx;
                        content: '';
                        z-index: -1;
                    }
                }
            }
        }
        .search {
            padding-left: 40rpx;
            padding-right: 32rpx;
            height: 66rpx;
            background: #f1f4fb;
            border-radius: 33rpx;
            .uni-input {
                font-size: 22rpx;
            }
            .iconfont {
                font-size: 32rpx;
                color: #1226aa;
            }
        }
        .my-team {
            .search {
                margin-top: 34rpx;
            }
            .filter-box {
                height: 112rpx;
                .item {
                    .uni-input {
                        font-weight: 600;
                        font-size: 28rpx;
                        color: #2e3233;
                        line-height: 40rpx;
                    }
                    .ico {
                        width: 14rpx;
                        height: 10rpx;
                        background: url('http://www.szxlyc.com/uploads/product/20241110/b1bc1153c4b64e0e7e82fcd7c48c5e2a.png') no-repeat center;
                        background-size: contain;
                        margin-left: 16rpx;
                    }
                }
                .line {
                    width: 1rpx;
                    height: 40rpx;
                    border: 1px solid rgba(19, 151, 197, 0.3);
                }
            }
            .list {
                .box {
                    position: relative;
                    padding: 24rpx 24rpx 32rpx 24rpx;
                    background: #f1f4fb;
                    border-radius: 16rpx;
                    margin-bottom: 16rpx;
                    .btn-fixed {
                        position: absolute;
                        right: 0;
                        top: 0;
                        .btn-1 {
                            padding-left: 30rpx;
                            width: 177rpx;
                            height: 44rpx;
                            background: url('http://www.szxlyc.com/uploads/product/20241111/a4d94b449c984de6bcd75e6a0e539394.png') no-repeat center;
                            background-size: contain;
                            margin-bottom: 16rpx;
                            font-size: 22rpx;
                            color: #ffffff;
                        }
                        .btn-2 {
                            padding-left: 8rpx;
                            font-weight: 400;
                            font-size: 22rpx;
                            color: #1397c5;
                            line-height: 30rpx;
                        }
                    }
                    .top {
                        image {
                            width: 80rpx;
                            height: 80rpx;
                            border-radius: 50%;
                        }
                        .t1 {
                            margin-left: 16rpx;
                            font-weight: 600;
                            font-size: 28rpx;
                            color: #2e3233;
                            line-height: 40rpx;
                        }
                        .level {
                            margin-left: 16rpx;
                            width: 48rpx;
                            height: 48rpx;
                        }
                    }
                    .info {
                        margin-top: 24rpx;
                        padding: 16rpx 0 22rpx 0;
                        background: #ffffff;
                        border-radius: 12rpx;
                        .info-box {
                            .t1 {
                                font-weight: 600;
                                font-size: 38rpx;
                                color: #1226aa;
                                line-height: 53rpx;
                                margin-bottom: 6rpx;
                            }
                            .t2 {
                                font-weight: 400;
                                font-size: 22rpx;
                                color: #6e767a;
                                line-height: 30rpx;
                            }
                        }
                    }
                }
            }
        }
        .data-analysis {
            .search {
                margin-top: 34rpx;
            }
            .filter-box {
                height: 112rpx;
                .item {
                    .uni-input {
                        font-weight: 600;
                        font-size: 28rpx;
                        color: #2e3233;
                        line-height: 40rpx;
                    }
                    .ico {
                        width: 14rpx;
                        height: 10rpx;
                        background: url('http://www.szxlyc.com/uploads/product/20241110/b1bc1153c4b64e0e7e82fcd7c48c5e2a.png') no-repeat center;
                        background-size: contain;
                        margin-left: 16rpx;
                    }
                }
                .line {
                    width: 1rpx;
                    height: 40rpx;
                    border: 1px solid rgba(19, 151, 197, 0.3);
                }
            }
            .list {
                .box {
                    position: relative;
                    padding: 24rpx 24rpx 32rpx 24rpx;
                    background: #f1f4fb;
                    border-radius: 16rpx;
                    margin-bottom: 16rpx;
                    .top {
                        image {
                            width: 91rpx;
                            height: 91rpx;
                        }
                        .text {
                            margin-left: 16rpx;
                            .t1 {
                                font-weight: 600;
                                font-size: 28rpx;
                                color: #2e3233;
                                line-height: 40rpx;
                                margin-bottom: 6rpx;
                            }
                            .t2 {
                                font-weight: 400;
                                font-size: 20rpx;
                                color: #6e767a;
                                line-height: 28rpx;
                            }
                        }
                    }
                    .info {
                        margin-top: 24rpx;
                        padding: 16rpx 0 22rpx 0;
                        background: #ffffff;
                        border-radius: 12rpx;
                        .info-box {
                            .t1 {
                                font-weight: 600;
                                font-size: 38rpx;
                                color: #1226aa;
                                line-height: 53rpx;
                                margin-bottom: 6rpx;
                            }
                            .t2 {
                                font-weight: 400;
                                font-size: 22rpx;
                                color: #6e767a;
                                line-height: 30rpx;
                            }
                        }
                    }
                }
            }
        }
    }
}
